import React, { Component } from 'react';
import { Switch,NavLink,  Route } from 'react-router-dom'
import { Container } from "./style";
import Supplier from "./Supplier"
import Warehouse from "./Warehouse"
import Thing from "./thing"


// import connect from './connect'
// @connect
class index extends Component {
  componentDidMount(){
    // 在这里发送每个页面获取数据的请求
    // this.props.setSwiperData()
  }
  render() {
    return (
      <Container>
        <ul className='warehouseNav' style={{display:'flex'}}>
          
          <li style={{width:'100px', textAlign:'center',height:'50px',fontSize:'18px',lineHeight:'50px',marginLeft:'35px',color:'black'}}>
            <NavLink activeClassName="aaaa" to="/basicSetting/thing">物品档案</NavLink>
          </li>
          <li style={{width:'100px',height:'50px',fontSize:'18px',lineHeight:'50px',
        textAlign:'center',color:'black'
        }}>
            <NavLink activeClassName="aaaa" to="/basicSetting/warehouse">仓库档案</NavLink>
          </li>
          <li style={{width:'100px', textAlign:'center',height:'50px',fontSize:'18px',lineHeight:'50px',marginLeft:'35px',color:'black'}}>
            <NavLink activeClassName="aaaa" to="/basicSetting/supplier">供应商档案</NavLink>
          </li>
        </ul>
        <Switch>
          <Route path="/basicSetting/warehouse" component={Warehouse} />
          <Route path="/basicSetting/supplier" component={Supplier} />
          <Route path="/basicSetting/thing" component={Thing} />
        </Switch>
        <Thing />
      </Container>
    );
  }
}

export default index;
